<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>动态排序表格</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div class="container">
      <pre>
/**
  * 思路
  * 1. 复选框的关联操作
  *    1.1 全选 全选事件的绑定
  *    1.2 获取他的选中状态
  *    1.3 将选中状态赋值给其他所有的input checkbox
  *    1.4 处理tbody下面的复选框
  *    1.5 通过**事件委托**的形式为每一个input checkbox添加事件的绑定
  * 2. 表格排序的实现
  *    2.1 事件的绑定
  *    2.2 在绑定的事件中获得一个当前点击的index数据，用来判断要对哪一列进行排序
*/
     </pre
      >
      <table border="1">
        <thead>
          <tr>
            <th>
              <input class="checkbox" type="checkbox" id="checkbox-all" />
            </th>
            <th>ID</th>
            <th>姓名</th>
            <th>年龄</th>
            <th>班级</th>
            <th>描述</th>
          </tr>
        </thead>
        <tbody></tbody>
      </table>
    </div>
  </body>
  <script src="./index.js"></script>
</html>

<!-- reservoir-matrix-management -->
